<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Root page</title>
    </head>
    <body>
        <section class="refs">
            <div class="refs__flex">
                <a href="1/index.html" rel="noopener noreferrer">First lection</a><br>
                <a href="2/index.html" rel="noopener noreferrer">Second lection</a><br>
                <a href="3/index.html" rel="noopener noreferrer">Third lection</a><br>
                <a href="flexbox-challenge-01/index.html" rel="noopener noreferrer">Flexbox challenge</a><br>
                <a href="practice/LGU_Pushkina_practice/index.html" rel="noopener noreferrer">Practice</a>
            </div>
        </section>
    </body>

    <style>
        .refs {
            padding: 10%;
            text-align: center;
        }

        .refs__flex {
            display: flex;
            flex-direction: column;
            font-size: 30px;
        }
    </style>
</html>
